<template>
  <div>
    <div class="community_top">
      <a href="javascript:" class="go_back4" @click="$router.back()">
        <i class="iconfont icon-range-right"></i>
      </a>
      <span class="community_c">社区服务</span>
    </div>
    <img src="./images/zhihui.png" alt="" style="width: 100%" />
  </div>
</template>
<script>
// JS
export default {};
</script>
<style>
.community_top {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #409eff;
}
.community_c {
  position: relative;
  margin-left: 50%;
  right: 10%;
}
.go_back4 {
  position: absolute;
  left: 5px;
  color: #fff;
}
.icon-range-right {
  font-size: 20px;
}
.community {
  margin-top: 30px;
}
.community_middle {
  height: 70px;
  /* background-color: red; */
}
.community_mf {
  display: flex;
  flex: 1;
  flex-direction: column;
  float: left;
  width: 25%;
  height: 70px;

  margin-top: 10px;
}
.icon-fangyi {
  font-size: 20px;
}

.icon-ljfl,
.icon-yiwu {
  font-size: 30px;
  padding: 5px 15px 0px;
  color: #00eeff;
}
.icon-fangyi,
.icon-tuiche {
  font-size: 34px;
  padding: 1px 15px 0px;
  color: #2e90b1;
}
.community_img {
  margin-top: 10px;
}
.community_images {
  margin-top: 1px;
}
.community_bottom {
  margin-top: 10px;
}
</style>
